<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>XX选课系统</title>
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet" />
    <link th:href="@{/js/bootstrap-table/bootstrap-table.min.css}" rel="stylesheet" />
    <script th:src="@{/js/libs/jquery.min.js}"></script>
    <script th:src="@{/js/bootstrap.min.js}"></script>
    <script th:src="@{/js/bootstrap-table/bootstrap-table.min.js}"></script>
    <script th:src="@{/js/bootstrap-table/locale/bootstrap-table-zh-CN.min.js}"></script>
    <script th:src="@{/js/bootstrap-table/extensions/mobile/bootstrap-table-mobile.js}"></script>
    <script th:src="@{/js/bootstrap-table/extensions/toolbar/bootstrap-table-toolbar.min.js}"></script>
    <script th:src="@{/js/bootstrap-table/extensions/columns/bootstrap-table-fixed-columns.js}"></script>
</head>
<body id="main">
<div class="main-wrap">
    <div class="result-wrap">
        <P style="text-align: center">你当前已选的课程有：</P>
        <form name="myform" id="myform" method="post">
            <div class="col-sm-12 select-table table-striped">
                <table id="bootstrap-table">
                    <thead>
                    <tr>
                        <th data-checkbox="true"></th>
                        <th data-field="no"></th>
                        <th data-field="name">课程名称</th>
                        <th data-field="credits">课程学分</th>
                        <th data-field="teacher">课程教师</th>
                    </tr>
                    </thead>
                </table>
            </div>
            <div class="group">
                <a th:href="@{/}">退出</a>
            </div>
        </form>
    </div>
</div>
<!--/main-->
</div>
</body>
</html>
<script>
    var no = [[${student.no}]];
    $(function () {
        $('#bootstrap-table').bootstrapTable({
            url: "/viewSelectedCourse",                                   // 请求后台的URL（*）
            method: 'post',                                     // 请求方式（*）
            contentType: "application/x-www-form-urlencoded",   // 编码类型
            cache: false,                                       // 是否使用缓存
            pagination: false,                                   // 是否显示分页（*）
            pageNumber: 1,                                      // 初始化加载第一页，默认第一页
            pageSize: 5,                                        // 每页的记录行数（*）
            pageList: [10, 25, 50],                         // 可供选择的每页的行数（*）
            firstLoad: true,                       // 是否首次请求加载数据，对于数据较大可以配置false
            escape: false,                             // 转义HTML字符串
            showFooter:false,                     // 是否显示表尾
            iconSize: 'outline',                                // 图标大小：undefined默认的按钮尺寸 xs超小按钮sm小按钮lg大按钮
            sidePagination: "server",
            queryParams: function () {
                return {sno: no}
            }// 传递参数（*）
        });
        $('#bootstrap-table').bootstrapTable('hideColumn', 'no');
    })

</script>